import {StyleSheet} from 'react-native';
import utils from './../../js/utils/utils';


export const ShopDetailStyle = StyleSheet.create({
    rightTopBut: {
        marginRight: utils.autoWidth(12.5),
    },
    rightTopButText: {
        fontSize: utils.setSpText(17),
        color: '#010101',
    },
    swiperView: {
        flex: 1,
    },
    swiperImg: {
        width: utils.screenWidth,
        height: utils.screenHeith - utils.autoheight(60),
    },
    bottomView: {
        flexDirection: 'row',
        justifyContent: 'space-around',
        height: utils.autoheight(60),
        backgroundColor: '#F6F6F6',
    },
    shopCarBut: {
        backgroundColor: 'rgba(0, 0, 0, 0.8)',
        alignSelf: 'center',
        justifyContent: 'center',
        height: utils.autoheight(40),
        width: utils.autoWidth(240),
        borderRadius: utils.setSpText(3),
    },
    shopCarText: {
        color: '#FFF',
        alignSelf: 'center',
        fontSize: utils.setSpText(17),
    },
    priceView: {
        alignItems: 'flex-end',
        justifyContent: 'flex-start',
    },
    oldPriceText: {
        textDecorationLine: 'line-through',
        color: '#A0A0A0'
    },
    nowPriceText: {
        marginTop: -utils.autoheight(10),
        fontSize: utils.setSpText(27),
        color: '#000',
    },
    modalView: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center'
    },
    modalViewView:{
        width: utils.autoWidth(315),
        height: utils.autoheight(480)
    },
    modalViewViewButView:{
        backgroundColor: 'rgba(255, 255, 255, 0.8)',
        height: utils.autoheight(37),
        width: '100%',
        alignItems: 'flex-end',
        borderTopLeftRadius: utils.setSpText(5),
        borderTopRightRadius: utils.setSpText(5),
        justifyContent: 'center',
    },
    modalViewViewButImg:{
        width: utils.autoWidth(22.5),
        height: utils.autoWidth(22.5),
        marginRight: utils.autoWidth(12),
    },
    modalWebView:{
        width: '100%',
        height: '100%',
        backgroundColor: 'rgba(255,255,255,0.55)',
    },
    modalFooterView:{
        backgroundColor: 'rgba(255,255,255,0.9)',
        height: utils.autoheight(10),
        borderBottomLeftRadius: utils.setSpText(5),
        borderBottomRightRadius: utils.setSpText(5),
    },
    shopCarRadioTitleText:{
        color: '#000',
        fontSize: utils.setSpText(17),
        marginTop: utils.autoheight(13),
        marginLeft: utils.autoWidth(15),
        marginBottom: utils.autoheight(15),
    },
    shopCarRadioButton:{
        height: utils.autoheight(30),
        width: utils.autoWidth(64),
        marginLeft: utils.autoWidth(10),
        marginRight: utils.autoWidth(10),
        marginBottom: utils.autoheight(12),
        borderRadius: utils.setSpText(5),
        borderWidth: utils.autoWidth(1),
        borderColor: '#A0A0A0',
        justifyContent: 'center',
        alignItems: 'center',
    },
    shopCarRadioButtonText:{
        fontSize: utils.setSpText(17),
    },
    shopCarModalView:{
        backgroundColor: 'rgba(0, 0, 0, 0)',
        justifyContent: 'flex-end',
    },
    shopCarModalViewBut:{
        height: utils.screenHeith * 3 / 7,
    },
    shopCarModalScrollView:{
        backgroundColor: 'rgba(255, 255, 255, 0.75)',
        height: utils.screenHeith * 4 / 7,
    },
    shopCarModalNumView:{
        flexDirection: 'row',
        marginTop: utils.autoheight(10),
        marginRight: utils.autoWidth(20),
        alignItems: 'center'
    },
    shopCarModalNumViewButRight: {
        marginRight: utils.autoWidth(10),
    },
    shopCarModalNumViewButLeft:{
        marginLeft: utils.autoWidth(10)
    },
    shopCarModalNumViewButImg:{
        height: utils.autoWidth(21),
        width: utils.autoWidth(21)
    },
    shopCarModalSelectedView:{
        flexDirection: 'row',
        borderBottomWidth: utils.autoheight(0.5),
        borderColor: '#979797',
    },
    shopCarModalSubmitView:{
        flexDirection: 'row',
        justifyContent: 'center',
        alignItems: 'center',
        marginTop: utils.autoheight(10),
        marginRight: utils.autoWidth(10),
        marginLeft: utils.autoWidth(10),
        marginBottom: utils.autoheight(10),
    },
    shopCarModalSubmitBut:{
        height: utils.autoheight(40),
        width: utils.autoWidth(353),
        backgroundColor: 'rgba(0, 0, 0, 0.8)',
        justifyContent: 'center'
    }
});